﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/css/main.css")"/>
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/css/style.css")"/>
    <link rel="Stylesheet" type="text/css" href="@Url.Content("~/css/smoothDivScroll.css")"/>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.js")"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
    <!-- jQuery UI Widget and Effects Core (custom download)
	     You can make your own at: http://jqueryui.com/download -->
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.23.custom.min.js")" type="text/javascript"></script>
    <!-- Latest version (3.0.6) of jQuery Mouse Wheel by Brandon Aaron
	     You will find it here: http://brandonaaron.net/code/mousewheel/demos -->
    <script src="@Url.Content("~/Scripts/jquery.mousewheel.min.js")" type="text/javascript"></script>
    <!-- jQuery Kinectic (1.5) used for touch scrolling -->
    <script src="@Url.Content("~/Scripts/jquery.kinetic.js")" type="text/javascript"></script>
    <!-- Smooth Div Scroll 1.3 minified-->
    <script src="@Url.Content("~/Scripts/jquery.smoothdivscroll-1.3-min.js")" type="text/javascript"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/blockUI.js")"></script>
    <link href="@Url.Content("~/Library/uploadify2.4/uploadify.css")" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="@Url.Content("~/Library/uploadify2.4/swfobject.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Library/uploadify2.4/jquery.uploadify.v2.1.4.min.js")"></script>
    <title>
        @RenderSection("title", false)
    </title>
    <!-- the CSS for Smooth Div Scroll -->
    <!-- Styles for my specific scrolling content -->
    <style type="text/css">
        #makeMeScrollable
        {
            width: 938px;
            height: 270px;
            position: relative;
        }
        
        /* Replace the last selector for the type of element you have in
		   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
		   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
        #makeMeScrollable div.scrollableArea img
        {
            position: relative;
            float: left;
            margin-left: 10px;
            padding: 0; /* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none;
        }
    </style>
</head>
<body>
    <div class="wrapper">
        <div class="modun-left">
            <div class="menu-bar">
                <div class="logo">
                    <a href="@Url.RouteUrl("Default")">
                        <img src="@Url.Content("~/images/logo.png")" alt="" /></a>
                </div>
                <div class="search-box">
                    <form action="@Url.RouteUrl("Search")" method="post">
                    <input id="search-input" type="text" name="key" />
                    <img id="search-button" alt="" src="@Url.Content("~/images/search.png")" onclick="submit()"/>
                    </form>
                </div>
                <div class="categories">
                    <div class="line">
                    </div>
                    <b style="margin-left: 10px;">Thể loại</b>
                    <ul>
                        <!-- section categoryList -->
                        @RenderSection("categoryList", false)
                    </ul>
                    <div class="line">
                    </div>
                    <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FNo.sleep.before.0.am&amp;width=237&amp;height=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23F5F5F5&amp;stream=false&amp;header=false"
                        scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 237px;
                        height: 300px;" allowtransparency="true"></iframe>
                </div>
                <div>
                </div>
            </div>
        </div>
        <div class="modun-right">
            <div class="control-bar">
            
                @Html.Partial("_LogOnPartial")
               
            <div class="container">
                <div id="content">
                    @RenderSection("content", false)
                </div>
            </div>
        </div>
    </div>
    
</body>
</html>
